@charset "utf-8";
*{
    padding:0;
    margin: 0;
}
.container{
    margin:0 auto;
    width: 1200px;
}
/*清除浮动*/
.cf:after{
    content: '';
    height: 0;
    display: block;
    clear: both;
}

body{
    background: #f4f4f4;
}
/*导航栏*/
.nav{
    width: 100%;
    height: 25px;
    background: #000;
}
.navspan1{
    color: rgb(255, 255, 255);
}
.navspan2{
    float: right;
    color: aliceblue;
}
.deng,#lu{
    color: darkorange;
}



/*logo栏*/
.logo{
    height: 120px;
}
.logo img{
    margin: 10px 30px;
    float: left;
}
.myform1{
    position: relative;
    width: 300px;
    margin: 0 auto;
    float: left;
    margin: 30px 70px;
}
.myform1 button{
    position: absolute;
    left:447px;
    top:0px;
    border: none;
    outline: none;
    width: 60px;
    height: 34px;
    background-image: url("../imgs/0-搜索.jpg.png");
}
.myform1 input{
    padding-left: 13px;
    outline: 0;
    border:2px solid #ffb810;
    height: 30px;
    width: 430px;
}
.lis1{
    position: relative;
}
.lis1 li{
    position: absolute;
    left: 300px;
    top:-42px;
}
.lis1 li a{
    padding-right: 30px;
    color: #9d9d9d;
    text-decoration: none;
}
.lis1 li a:hover{
    color:#ffb810 ;
}
.goubut{
    position: relative;
}
.goubut a{
    border: #dadada 1px solid;
    padding: 5px;
    width: 100px;
    height: 22px;
    text-align: center;
    font-size: 15px;
    text-decoration: none;
    border-radius: 3px;
    color: #9d9d9d;
}
.goubut a:hover{
    color: #ffb810;
    text-decoration: none;
}
.goubut a img{
    width: 20px;
}
.goubut #goua2{
    position: absolute;
    right: 260px;
    top: -88px;
}
.goubut #goua1{
    position: absolute;
    right: 130px;
    top: -88px;
}
.goubut #goua2 span{
    display: block;
    width: 20px;
    height: 20px;
    background: #ffb810;
    border-radius: 20px;
    float: right;
    color: linen;
}

/*首页第一个大轮播*/

        *{
            margin: 0;
            padding: 0;
        }
        li{
            list-style: none;
        }
        .carousel{
            width: 1200px;
            height: 450px;
            overflow: hidden;
            position: relative;
        }
        .carousel ul{
            width: 100%;
            height: 100%;
        }
        .carousel ul li{
            position: absolute;
        }
        .carousel ul li a img{
            width: 1200px;
            height: 450px;
        }
        .bullet{
            position: absolute;
            font-size: 0;
            bottom: 20px;
            left: 50%;
            margin-left: -42px;
        }
        .bullet span{
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #ffffff;
	margin-left: 15px;
	border-radius: 10px;
        }
        .bullet span:first-child{
            margin-left: 0;
        }
        .switch span{
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: rgba(0,0,0,.1);
	font-size: 20px;
	color: #ffffff;
	top: 50%;
	margin-top: -25px;
	cursor: pointer;
	font-family: "宋体";
        } 
		.switch span:hover{

	background-color: rgba(0,0,0,.5);

        }
        .prev{
            left: 0;
        }
        .next{
            right: 0;
        }
        .active{
        }
.lunbox{
    margin: 0;
    width: 230px;
    height: 450px;
    background: #aa80ca;
    box-sizing: border-box;
    padding: 20px;
    position: absolute;
    top: 165px;
}

.lunbolis li{
    color: rgb(255, 255, 255);
    margin: 10px;
}

.nnnn1{
    position: relative;
    left: 230px;
    bottom: 450px;
    background:#aa80ca;
    width: 400px;
    height: 448px;
    border: 1px solid #500596;
    box-sizing: border-box;
    padding: 20px;
}
.nnnn1 h3{
    border-bottom: solid 1px rgb(143, 134, 134);
    color: #ffb810;
    margin-top: 10px;
}
.nnnn1 p{
    margin: 10px;
}
.nnnn1{
    display: none;
}






/*四张banner图片*/
.bannerya img{
    width: 276px;
    height: 154px;
    margin: 20px 20px 20px 0 ;
}
.banner2 img{
    width: 1200px;
    margin-bottom: 10px;
}
/*倒计时*/
.time{
    width: 230px;
    height: 285px;
    background-image: url(../imgs/zhong.png);
    background-repeat: no-repeat;
    background-size:285px;
    background-position-y: -100px;
    background-position-x: 10px;
    float: left;
}
.time2{
    width: 234px;
    height: 285px;
    background:rgb(255,0,0,0.7) ;
}
.xiaoai .ailis li{
    width: 230px;
    height: 285px;
    border: #eeeeee 1px solid;
    box-sizing: border-box;
    padding: 15px;
    margin: 6px;
    float: left;
}
.xiaoai .ailis img{
    width: 200px;
    height: 200px;
}
/*每日好货推荐*/
.maxleft{
    width: 585px;
    height: 410px;
    background: #ffdbdb;
    float: left;
}
.maxright{
    width: 585px;
    height: 410px;
    background: #abcfff;
    float: right;
    margin-bottom: 30px;
}
.maxleft img{
    margin: 30px;
}
.maxleft p{
    margin-left: 30px;
    color: #a29e9b;
}
.maxleft .hehe img{
    margin: 30px 10px 10px 10px;
    width: 153px;
}
.maxright p{
    margin:30px;
    color: #a29e9b;
}
.maxright .haha1{
    margin: 20px;
}
.haha img{
    width: 153px;
    margin: 0 0 0 10px;
}

/*选项卡*/
.tab {
    width:1200px;
    height: 460px;
}
.ys ul>li,.tab li {
	float:left;
	list-style:none;
	border-radius:5px;
    color:#777777;
    margin: 10px;

}
.ys .btn {
	background:white;
	color:#de8915;
}
.clearfix::before,.clearfix::after {
	display:block;
	content:"";
	clear:both;
}
.ys {
	margin-top:5px;
	margin-left:5px;
	-width:1200px;
	height:40px;
}
.con {
	margin-top:10px;
    margin-left:10px;
    height: 460px;
    width: 1200px;
}
.con-1 {
	font-size:13px;
	display:none;
}
.active {
    display:block;
    height: 460px;
}
#pp1 button{
    width: 70px;
    height: 25px;
    margin: 6px;
    border:1px #ababab solid;
    border-radius: 10px;
}


/*选项卡2*/
.tab2 {
    width:1200px;
    height: 460px;
}
.ys2 ul>li,.tab2 li {
	float:left;
	list-style:none;
	border-radius:5px;
    color:#777777;
    margin: 10px;

}
.ys2 .btn2 {
	background:white;
	color:#f770cf;
}
.clearfix2::before,.clearfix2::after {
	display:block;
	content:"";
	clear:both;
}
.ys2 {
	margin-top:5px;
	margin-left:5px;
	-width:1200px;
	height:40px;
}
.con2 {
	margin-top:10px;
    margin-left:10px;
    height: 460px;
    width: 1200px;
}
.con-2 {
	font-size:13px;
	display:none;
}
.active2 {
    display:block;
    height: 460px;
}
#pp2 button{
    width: 70px;
    height: 25px;
    margin: 6px;
    border:1px #ababab solid;
    border-radius: 10px;
}


/*选项卡3*/
.tab3 {
    width:1200px;
    height: 460px;
}
.ys3 ul>li,.tab3 li {
	float:left;
	list-style:none;
	border-radius:5px;
    color:#777777;
    margin: 10px;

}
.ys3 .btn3 {
	background:white;
	color:#01b262;
}
.clearfix3::before,.clearfix3::after {
	display:block;
	content:"";
	clear:both;
}
.ys3 {
	margin-top:5px;
	margin-left:5px;
	-width:1200px;
	height:40px;
}
.con3 {
	margin-top:10px;
    margin-left:10px;
    height: 460px;
    width: 1200px;
}
.con-3 {
	font-size:13px;
	display:none;
}
.active3 {
    display:block;
    height: 460px;
}
#pp3 button{
    width: 70px;
    height: 25px;
    margin: 6px;
    border:1px #ababab solid;
    border-radius: 10px;
}



/*选项卡4*/
.tab4 {
    -width:1200px;
    height: 460px;
}
.ys4 ul>li,.tab4 li {
	float:left;
	list-style:none;
	border-radius:5px;
    color:#777777;
    margin: 10px;

}
.ys4 .btn4 {
	background:white;
	color:#7945e5;
}
.clearfix4::before,.clearfix4::after {
	display:block;
	content:"";
	clear:both;
}
.ys4 {
	margin-top:5px;
	margin-left:5px;
	-width:1200px;
	height:40px;
}
.con4 {
	margin-top:10px;
    margin-left:10px;
    height: 460px;
    width: 1200px;
}
.con-4 {
	font-size:13px;
	display:none;
}
.active4 {
    display:block;
    height: 460px;
}
#pp4 button{
    width: 70px;
    height: 25px;
    margin: 6px;
    border:1px #ababab solid;
    border-radius: 10px;
}





.wuwu{
    position: relative;
}
.wuwu img{
    /* position: absolute;
    left: 10px;
    top: -40px; */
}
/*小轮播*/
.maxbox {
    border: 1px solid pink;
    width: 460px;
    height: 300px;
    -margin: 10px;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.minbox {
    list-style: none;
    position: absolute;
}

.minbox li {
    width: 460px;
    height: 300px;
    float: left;
    margin: 0;
}
.minbox li img{
    width: 460px;
    height: 300px;
}

/*小轮播2*/
.maxbox2 {
    border: 1px solid pink;
    width: 460px;
    height: 300px;
    -margin: 10px;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.minbox2 {
    list-style: none;
    position: absolute;
}

.minbox2 li {
    width: 460px;
    height: 300px;
    float: left;
    margin: 0;
}
.minbox2 li img{
    width: 460px;
    height: 300px;
}

/*小轮播3*/
.maxbox3 {
    border: 1px solid pink;
    width: 460px;
    height: 300px;
    -margin: 10px;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.minbox3 {
    list-style: none;
    position: absolute;
}

.minbox3 li {
    width: 460px;
    height: 300px;
    float: left;
    margin: 0;
}
.minbox3 li img{
    width: 460px;
    height: 300px;
}

/*小轮播4*/
.maxbox4 {
    border: 1px solid pink;
    width: 460px;
    height: 300px;
    -margin: 10px;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.minbox4 {
    list-style: none;
    position: absolute;
}

.minbox4 li {
    width: 460px;
    height: 300px;
    float: left;
    margin: 0;
}
.minbox4 li img{
    width: 460px;
    height: 300px;
}






/*底部*/
#boxhao ul{
    float: left;
    margin: 40px;
}
#boxhao ul li{
    margin: 6px 0;
    color: #898989;
}
.axiba{
    margin-top: 10px;
    background-color: rgb(255, 255, 255)!important;
}
.fule{
    margin: 40px;
    float: right;
}
/*边栏*/
.bianbian{
    height:230px;
    width: 35px;
    position: fixed;
    top:50%;
    left: 50%;
    transform: translateY(-50%);
    margin-left: -644px;
    background-color: springgreen;

}
.bianbian2{
    height:185px;
    width: 120px;
    position: fixed;
    top:50%;
    right:50%;
    background-color: rgb(255, 255, 255);
    transform: translatex(606%);

}
